<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>风味-登录</title>
		<link rel="stylesheet" type="text/css" href="css/login.css"/>
		<script src="js/jquery-2.1.0.js"></script>
		<script>
			$(function(){
				var loginBtn = $("#denglu");
				loginBtn.click(function(){
					var userPhone = $("input[name = 'usernum']").val();
					var password = $("input[name = 'userpwd']").val();
					$.ajax("/fengwei/user/loginUser",{
						type:"post",
						data:{
							'userPhone':userPhone,
							'password':password
						},
						success:function(data){
							alert(1);
							/**
							 * 当返回的none时，表示没有账号，返回的是false时，表示密码或者账号错误，最后一种情况是返回一个json数据
							 * 表示登录信息符合，保存返回的该user的值，以便后来在卖家注册时使用，并跳转网页
							 */
							console.log(data);
							var dataObj = eval('('+data+')');
							var userId = dataObj.userId;
							window.location.href="publish.html";
						},
						error:function(data){
//							提交不成功
							console.log(data);
						}
					})
				})

			})
		</script>
	</head>
	<body>
		<a id="back">
			<
		</a>
		<div id="blackmask"><!--背景图上的黑色遮罩-->
		</div>
		<div id="login_bg"><!--login的背景-->
			<img src="img/login_bg.jpg"/>
			</div>
		<div id="logo"><!--头部logo部分-->
			
		</div>
		
		<div id="login_con"><!--登录表单部分-->
			<div id="useraccount">
				<i class="user-ico"></i>
				<input type="text" name="usernum" id="usernum" placeholder="您的账户" />
			</div>
			<div id="userpwd">
				<i class="pwd-ico"></i>
				<input type="password" name="userpwd" id="user_pwd" placeholder="您的密码" />
			</div>
			<input type="button" name="denglu" id="denglu" value="登录" />
		</div>
	
		<a href="#" id="forgetpwd">忘记密码？</a>
		<a href="#" id="join">没有账号？立即加入我们>></a>
	
	</body>
</html>
